page {background: #f4f4f4;color: #333;font-family: "微软雅黑";margin:0;padding:0;font-size: 28rpx;}
.app_tbg{background-color: blue;}
.app_tbg_now{background-color: blue;color:#ffffff;}
.app_tcol{color: blue;}
/*四周有阴影*/
.box-shadow4{box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);}
/*文字排版--下划线*/
.underline{text-decoration:underline;}
/* 字体颜色类 */
.color_style{color:#01b9b7;}
.col000{color:#000000;}
.col333{color:#333333;}
.col666{color:#666666;}
.col999{color:#999999;}
.colccc{color:#cccccc;}
.colfff{color:#ffffff;}
.colf00{color: #f00; }
.colaaa{color: #aaa;}
.colf60{color:#f60;}
/* 隐藏&显示 */
.show {display: block !important;}
.hide {display: none !important;}  
/*布局类*/
.pr {position: relative;}
.pa {position: absolute;}
.pf {position: fixed;}
.pft{top: 0px;z-index:9999;}
.pfc{margin:auto;left:0;right:0;top:0;bottom:0;z-index:9999;}
.pfb{bottom:0;z-index:9999;}
.disf{display: flex;} /* 竖向布局 */
.disfc{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;} /* 竖向布局居中 */
.disfl{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;height: 100%;} /* 竖向布局居左 */
.disfr-c{display: flex;flex-direction: row;justify-content: center;align-items: center;} /* 横向布局-左右居中 */
.disfr-l{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;} /* 横向布局-左对齐 */
.disfr-r{display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-end;} /* 横向布局-右对齐 */
.disfr-lr{display: flex;flex-direction: row;justify-content: space-between;align-items: space-between;} /* 横向布局-左右靠边 */
.tr {text-align: right;}
.tl {text-align: left;}
.tc {text-align: center;}
/* 文字益出隐藏 */
.toell{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 头边框0.5px */
.bto{position: relative;}
.bto::after{position: absolute;top: 0;left: 0;content: " ";width: 100%;height: 1rpx;border-top: 1px solid #dedede;transform: scaleY(.5);}
/* 底边框0.5px */
.bbo{position: relative;}
.bbo::after{position: absolute;bottom: 0;left: 0;content: " ";width: 100%;height: 1rpx;border-bottom: 1px solid #dedede;transform: scaleY(.5);}
/* 左边框0.5px */
.bbl{position: relative;}
.bbl::after{position: absolute;top: 0;left: 0;content: " ";width: 1rpx;height: 200%;border-left: 1px solid #dedede;transform: scaleY(.5);}
/* 右边框0.5px */
.bbr{position: relative;}
.bbr::after{position: absolute;top: 0;right: 0;content: " ";width: 1rpx;height: 200%;border-right: 1px solid #dedede;transform: scaleY(.5);}
/* 字体加粗 */
.b {font-weight: bold;}
/* 字符间距 */
.ls2{letter-spacing: 2rpx;}
/* 背景颜色类白 */
.bgf{background: #ffffff !important;}
/* 顶部对齐 */
.vat {vertical-align: top;}
/* 底部对齐 */
.vab {vertical-align: bottom;}
/* 圆角8rpx */
.rad8{border-radius: 8rpx;}
/* 圆角10rpx */
.rad10{border-radius: 10rpx;}
/* 圆角20rpx */
.rad20{border-radius: 20rpx;}
/* 圆角30rpx */
.rad30{border-radius: 30rpx;}
/* 圆角40rpx */
.rad40{border-radius: 40rpx;}
/* 圆角50% */
.rad-50{border-radius: 50%;}
/* 字体大小类 */
.f16{font-size: 16rpx !important;}
.f20 {font-size: 20rpx !important;}
.f22 {font-size: 22rpx !important;}
.f24 {font-size: 24rpx !important;}
.f25 {font-size: 25rpx !important;}
.f26 {font-size: 26rpx !important;}
.f28 {font-size: 28rpx !important;}
.f30 {font-size: 30rpx !important;}
.f32 {font-size: 32rpx !important;}
.f33 {font-size: 33rpx !important;}
.f34 {font-size: 34rpx !important;}
.f36 {font-size: 36rpx !important;}
.f38 {font-size: 38rpx !important;}
.f40 {font-size: 40rpx !important;}
.f45 {font-size: 45rpx !important;}
.f50 {font-size: 50rpx !important;}
.f55 {font-size: 55rpx !important;}
.f60 {font-size: 60rpx !important;}
.f65 {font-size: 65rpx !important;}
.f70 {font-size: 70rpx !important;}
.f75 {font-size: 75rpx !important;}
.f80 {font-size: 80rpx !important;}
/* 行高类 */
.lh18 {line-height: 18rpx;}
.lh20 {line-height: 20rpx;}
.lh22 {line-height: 22rpx;}
.lh24 {line-height: 24rpx;}
.lh25 {line-height: 25rpx;}
.lh28 {line-height: 28rpx;}
.lh30 {line-height: 30rpx;}
.lh35 {line-height: 35rpx;}
.lh40 {line-height: 40rpx;}
.lh42 {line-height: 42rpx;}
.lh45 {line-height: 45rpx;}
.lh50 {line-height: 50rpx;}
.lh55 {line-height: 55rpx;}
/* 外边距类 */
.m5 {margin: 5rpx;}
.mv5 {margin: 5rpx 0;}
.mh5 {margin: 0 5rpx;}
.ml5 {margin-left: 5rpx;}
.mr5 {margin-right: 5rpx;}
.mt0 {margin-top: 0rpx !important;}
.mt5 {margin-top: 5rpx;}
.mb5 {margin-bottom: 5rpx;}
.m10 {margin: 10rpx;}
.mv10 {margin: 10rpx 0;}
.mh10 {margin: 0 10rpx;}
.ml10 {margin-left: 10rpx;}
.mr10 {margin-right: 10rpx;}
.mt10 {margin-top: 10rpx;}
.mb10 {margin-bottom: 10rpx;}
.m15 {margin: 15rpx;}
.mv15 {margin: 15rpx 0;}
.mh15 {margin: 0 15rpx;}
.ml15 {margin-left: 15rpx;}
.mr15 {margin-right: 15rpx;}
.mt15 {margin-top: 15rpx;}
.mb15 {margin-bottom: 15rpx;}
.m20 {margin: 20rpx;}
.mv20 {margin: 20rpx 0;}
.mh20 {margin: 0 20rpx;}
.ml20 {margin-left: 20rpx;}
.mr20 {margin-right: 20rpx;}
.mt20 {margin-top: 20rpx;}
.mb20 {margin-bottom: 20rpx;}
.m25 {margin: 25rpx;}
.mv25 {margin: 25rpx 0;}
.mh25 {margin: 0 25rpx;}
.ml25 {margin-left: 25rpx;}
.mr25 {margin-right: 25rpx;}
.mt25 {margin-top: 25rpx;}
.mb25 {margin-bottom: 25rpx;}
.m30 {margin: 30rpx;}
.mv30 {margin: 30rpx 0;}
.mh30 {margin: 0 30rpx;}
.ml30 {margin-left: 30rpx;}
.mr30 {margin-right: 30rpx;}
.mt30 {margin-top: 30rpx;}
.mb30 {margin-bottom: 30rpx;}
.m35 {margin: 35rpx;}
.mv35 {margin: 35rpx 0;}
.mh35 {margin: 0 35rpx;}
.ml35 {margin-left: 35rpx;}
.mr35 {margin-right: 35rpx;}
.mt35 {margin-top: 35rpx;}
.mb35 { margin-bottom: 35rpx;}
.m40 {margin: 40rpx;}
.mv40 {margin: 40rpx 0;}
.mh40 {margin: 0 40rpx;}
.ml40 {margin-left: 40rpx;}
.mr40 {margin-right: 40rpx;}
.mt40 {margin-top: 40rpx;}
.mb40 {margin-bottom: 40rpx;}
.m45 {margin: 45rpx;}
.mv45 {margin: 45rpx 0;}
.mh45 {margin: 0 45rpx;}
.ml45 {margin-left: 45rpx;}
.mr45 {margin-right: 45rpx;}
.mt45 {margin-top: 45rpx;}
.mb45 {margin-bottom: 45rpx;}
.m50 {margin: 50rpx;}
.mv50 {margin: 50rpx 0;}
.mh50 {margin: 0 50rpx;}
.ml50 {margin-left: 50rpx;}
.mr50 {margin-right: 50rpx;}
.mt50 {margin-top: 50rpx;}
.mb50 {margin-bottom: 50rpx;}
.m55 {margin: 55rpx;}
.mv55 {margin: 55rpx 0;}
.mh55 {margin: 0 55rpx;}
.ml55 {margin-left: 55rpx;}
.mr55 {margin-right: 55rpx;}
.mt55 {margin-top: 55rpx;}
.mb55 {margin-bottom: 55rpx;}
.m60 {margin: 60rpx;}
.mv60 {margin: 60rpx 0;}
.mh60 {margin: 0 60rpx;}
.ml60 {margin-left: 60rpx;}
.mr60 {margin-right: 60rpx;}
.mt60 {margin-top: 60rpx;}
.mb60 {margin-bottom: 60rpx;}
.m65 {margin: 65rpx;}
.mv65 {margin: 65rpx 0;}
.mh65 {margin: 0 65rpx;}
.ml65 {margin-left: 65rpx;}
.mr65 {margin-right: 65rpx;}
.mt65 {margin-top: 65rpx;}
.mb65 {margin-bottom: 65rpx;}
.m70 {margin: 70rpx;}
.mv70 {margin: 70rpx 0;}
.mh70 {margin: 0 70rpx;}
.ml70 {margin-left: 70rpx;}
.mr70 {margin-right: 70rpx;}
.mt70 {margin-top: 70rpx;}
.mb70 {margin-bottom: 70rpx;}
.m75 {margin: 75rpx;}
.mv75 {margin: 75rpx 0;}
.mh75 {margin: 0 75rpx;}
.ml75 {margin-left: 75rpx;}
.mr75 {margin-right: 75rpx;}
.mt75 {margin-top: 75rpx;}
.mb75 {margin-bottom: 75rpx;}
.m80 {margin: 80rpx;}
.mv80 { margin: 80rpx 0;}
.mh80 {margin: 0 80rpx;}
.ml80 {margin-left: 80rpx;}
.mr80 {margin-right: 80rpx;}
.mt80 {margin-top: 80rpx;}
.mb80 {margin-bottom: 80rpx;}
.m85 {margin: 85rpx;}
.mv85 {margin: 85rpx 0;}
.mh85 {margin: 0 85rpx;}
.ml85 {margin-left: 85rpx;}
.mr85 {margin-right: 85rpx;}
.mt85 {margin-top: 85rpx;}
.mb85 {margin-bottom: 85rpx;}
.m90 {margin: 90rpx;}
.mv90 {margin: 90rpx 0;}
.mh90 {margin: 0 90rpx;}
.ml90 {margin-left: 90rpx;}
.mr90 {margin-right: 90rpx;}
.mt90 {margin-top: 90rpx;}
.mb90 {margin-bottom: 90rpx;}
.m95 {margin: 95rpx;}
.mv95 {margin: 95rpx 0;}
.mh95 {margin: 0 95rpx;}
.ml95 {margin-left: 95rpx;}
.mr95 {margin-right: 95rpx;}
.mt95 {margin-top: 95rpx;}
.mb95 {margin-bottom: 95rpx;}
.m100 {margin: 100rpx;}
.mv100 {margin: 100rpx 0;}
.mh100 {margin: 0 100rpx;}
.ml100 {margin-left: 100rpx;}
.mr100 {margin-right: 100rpx;}
.mt100 {margin-top: 100rpx;}
.mt200 {margin-top: 200rpx;}
.mb100 {margin-bottom: 100rpx;}
/* 内边距类*/
.p5 {padding: 5rpx;}
.pv5 {padding: 5rpx 0;}
.ph5 {padding: 0 5rpx;}
.pl5 {padding-left: 5rpx;}
.pr5 {padding-right: 5rpx;}
.pt5 {padding-top: 5rpx;}
.pb5 {padding-bottom: 5rpx;}
.p10 {padding: 10rpx;}
.pv10 {padding: 10rpx 0;}
.ph10 {padding: 0 10rpx;}
.pl10 {padding-left: 10rpx;}
.pr10 {padding-right: 10rpx;}
.pt10 {padding-top: 10rpx;}
.pb10 {padding-bottom: 10rpx;}
.p15 {padding: 15rpx;}
.pv15 {padding: 15rpx 0;}
.ph15 {padding: 0 15rpx;}
.pl15 {padding-left: 15rpx;}
.pr15 {padding-right: 15rpx;}
.pt15 {padding-top: 15rpx;}
.pb15 {padding-bottom: 15rpx;}
.p20 {padding: 20rpx;}
.pv20 {padding: 20rpx 0;}
.ph20 {padding: 0 20rpx;}
.pl20 {padding-left: 20rpx;}
.pr20 {padding-right: 20rpx;}
.pt20 {padding-top: 20rpx;}
.pb20 {padding-bottom: 20rpx;}
.p25 {padding: 25rpx;}
.pv25 {padding: 25rpx 0;}
.ph25 {padding: 0 25rpx;}
.pl25 {padding-left: 25rpx;}
.pr25 {padding-right: 25rpx;}
.pt25 {padding-top: 25rpx;}
.pb25 {padding-bottom: 25rpx;}
.p30 {padding: 30rpx;}
.pv30 {padding: 30rpx 0;}
.ph30 {padding: 0 30rpx;}
.pl30 {padding-left: 30rpx;}
.pr30 {padding-right: 30rpx;}
.pt30 {padding-top: 30rpx;}
.pb30 {padding-bottom: 30rpx;}
.p35 {padding: 35rpx;}
.pv35 {padding: 35rpx 0;}
.ph35 {padding: 0 35rpx;}
.pl35 {padding-left: 35rpx;}
.pr35 {padding-right: 35rpx;}
.pt35 {padding-top: 35rpx;}
.pb35 {padding-bottom: 35rpx;}
.p40 {padding: 40rpx;}
.pv40 {padding: 40rpx 0;}
.ph40 {padding: 0 40rpx;}
.pl40 {padding-left: 40rpx;}
.pr40 {padding-right: 40rpx;}
.pt40 {padding-top: 40rpx;}
.pb40 {padding-bottom: 40rpx;}
.p45 {padding: 45rpx;}
.pv45 {padding: 45rpx 0;}
.ph45 {padding: 0 45rpx;}
.pl45 {padding-left: 45rpx;}
.pr45 {padding-right: 45rpx;}
.pt45 {padding-top: 45rpx;}
.pb45 {padding-bottom: 45rpx;}
.p50 {padding: 50rpx;}
.pv50 {padding: 50rpx 0;}
.ph50 {padding: 0 50rpx;}
.pl50 {padding-left: 50rpx;}
.pr50 {padding-right: 50rpx;}
.pt50 {padding-top: 50rpx;}
.pb50 {padding-bottom: 50rpx;}
.p55 {padding: 55rpx;}
.pv55 {padding: 55rpx 0;}
.ph55 {padding: 0 55rpx;}
.pl55 {padding-left: 55rpx;}
.pr55 {padding-right: 55rpx;}
.pt55 {padding-top: 55rpx;}
.pb55 {padding-bottom: 55rpx;}
.p60 {padding: 60rpx;}
.pv60 {padding: 60rpx 0;}
.ph60 {padding: 0 60rpx;}
.pl60 {padding-left: 60rpx;}
.pr60 {padding-right: 60rpx;}
.pt60 {padding-top: 60rpx;}
.pb60 {padding-bottom: 60rpx;}
.p65 {padding: 65rpx;}
.pv65 {padding: 65rpx 0;}
.ph65 {padding: 0 65rpx;}
.pl65 {padding-left: 65rpx;}
.pr65 {padding-right: 65rpx;}
.pt65 {padding-top: 65rpx;}
.pb65 {padding-bottom: 65rpx;}
.p70 {padding: 70rpx;}
.pv70 {padding: 70rpx 0;}
.ph70 {padding: 0 70rpx;}
.pl70 {padding-left: 70rpx;}
.pr70 {padding-right: 70rpx;}
.pt70 {padding-top: 70rpx;}
.pb70 {padding-bottom: 70rpx;}
.p75 {padding: 75rpx;}
.pv75 {padding: 75rpx 0;}
.ph75 {padding: 0 75rpx;}
.pl75 {padding-left: 75rpx;}
.pr75 {padding-right: 75rpx;}
.pt75 {padding-top: 75rpx;}
.pb75 {padding-bottom: 75rpx;}
.p80 {padding: 80rpx;}
.pv80 {padding: 80rpx 0;}
.ph80 {padding: 0 80rpx;}
.pl80 {padding-left: 80rpx;}
.pr80 {padding-right: 80rpx;}
.pt80 {padding-top: 80rpx;}
.pb80 {padding-bottom: 80rpx;}
.p85 {padding: 85rpx;}
.pv85 {padding: 85rpx 0;}
.ph85 {padding: 0 85rpx;}
.pl85 {padding-left: 85rpx;}
.pr85 {padding-right: 85rpx;}
.pt85 {padding-top: 85rpx;}
.pb85 {padding-bottom: 85rpx;}
.p90 {padding: 90rpx;}
.pv90 {padding: 90rpx 0;}
.ph90 {padding: 0 90rpx;}
.pl90 {padding-left: 90rpx;}
.pr90 {padding-right: 90rpx;}
.pt90 {padding-top: 90rpx;}
.pb90 {padding-bottom: 90rpx;}
.p95 {padding: 95rpx;}
.pv95 {padding: 95rpx 0;}
.ph95 {padding: 0 95rpx;}
.pl95 {padding-left: 95rpx;}
.pr95 {padding-right: 95rpx;}
.pt95 {padding-top: 95rpx;}
.pb95 {padding-bottom: 95rpx;}
.p100 {padding: 100rpx;}
.pv100 {padding: 100rpx 0;}
.ph100 {padding: 0 100rpx;}
.pl100 {padding-left: 100rpx;}
.pr100 {padding-right: 100rpx;}
.pt100 {padding-top: 100rpx;}
.pb100 {padding-bottom: 100rpx;}
 /*载入加载图标*/
 .page-load-spinner360{width: 25px;height: 25px;animation: spinnerFour 0.7s linear infinite;border: solid 3px #eee;border-top: solid 3px red;border-radius: 50%;position:fixed;left:46%;top:40%;z-index: 500000;}
 @keyframes spinnerFour{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
 /*载入加载图标结束*/
 /*分页使用加载图标*/
.show_page_view{text-align: center;height: 50px;line-height: 50px;}
.not_main_veiw{display: flex;position: relative; text-align: center;width: 100%;justify-content: center; align-items: center;}
.page_load_text{display: inline-block;font-size: 13px;position: relative;top:-5px;left:5px;color:#666;}
.page_not_text{position: relative; color:#999;font-size: 28rpx;width: 30%;}
.page_not_text::before{content:"";width: 180rpx; border-top: 1px dashed #efefef;position: absolute;top: 50%;left: -200rpx; margin-top: -0.5px;}
.page_not_text::after{content:"";width: 180rpx; border-top: 1px dashed #efefef;position: absolute;top: 50%;right: -200rpx; margin-top: -0.5px;}
.border_page_not{display: none;}
.page-load-spinner360-ispgae{display: inline-block;width: 15px;height: 15px;animation: spinnerFour 0.7s linear infinite;border: solid 2px #eee;border-top: solid 2px #F54040;border-radius: 50%;}
@keyframes spinnerFour{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
/*分页使用加载图标结束*/
.style_bg{
	background: linear-gradient(to right , #01b9b7, #00FF00) !important;
	color:#fff !important;
}
.style_bg2{
	background: linear-gradient(to top, #ffffff , #01b9b7) !important;
	
}
.after_none::after{
	border: none !important;
}
/**表单常用*/
.coop-form {
    padding: 30rpx 30rpx 100rpx;
}
.form-list .top {
    position: relative;
    height: 75rpx;
    padding-left: 25rpx;
    line-height: 75rpx;
}
.form-list .top::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -16rpx;
    width: 12rpx;
    height: 32rpx;
    border-radius: 6rpx;
    background-color: #01b9b7;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
.colf00 {
    color: #FF0000;
}
.form-list input, .form-list .picker {
    margin: 0 15rpx 15rpx;
    height: 70rpx;
    padding: 0 10rpx;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
    font-size: 30rpx;
}
.checkbox-content {
    border-bottom: 1px solid #e5e5e5;
}
.checkbox-type {
    display: inline-block;
    width: 25%;
    padding: 16rpx 0;
    vertical-align: top;
}
.csize{
  transform: scale(0.8,0.8);
}
.my_submit{
	background: linear-gradient(to right, #2979ff, rgb(213, 51, 186));
	color:#fff;
	border-radius: 40px;
}
.empty_list{
	margin-top:30%;
	flex-direction: column;
	text-align: center;
}
.empty_list image{
	width: 200rpx;
	height:200rpx;
}
.content{
	font-size: 34rpx;
}
/*常用表单2*/
.form-control2{
	min-height: 48px;
	font-size: 32rpx;
	padding: 20rpx;
}
.form-control2 .input-title{
	position: relative;
	top:8rpx;
}
.form-control2 .input-text{
	width:70%;
	text-align: right;
	font-size: 32rpx;
}
.form-control2 .input-text input{
	border:none;
	text-align: right;
	font-size: 32rpx;
}
.form-control2 .right-text{
	text-align: right;
}
.corner_mark{
	display: inline-block;
	min-width: 15px;
	height: 15px;
	line-height: 9px;
	background: red;
	color:#fff;
	border-radius: 50%;
	text-align: center;
}
/*pop 标题固定*/
.popup-title{
	height: 45px;
	line-height: 42px;
	width: 100%;
	position: fixed;
	left:0;
	top:-15px;
	background: #fff;
}
.layer-form-submit{
	height: 70rpx;
	margin-right: 30rpx;
	width:80rpx;
	border:none;
	background: none;
	position: relative;
	top:-5rpx;
}
layer-form-submit::before,button::after{
	display: none;
}
.form-submit-not-bg{
	background: none;
	border:none;
}
.edit-layer-bot{
	height: 100rpx;line-height: 100rpx;
}
/*pop 标题固定*/
.popup-title{
	height: 45px;
	line-height: 42px;
	width: 100%;
	position: fixed;
	left:0;
	top:-14px;
	background: #fff;
}
/* 自定义小按钮 */
.custom-min-button{
	font-size: 26rpx;
	height: 50rpx;
	border:none;
	background: #2979ff;
	color:#fff;
	line-height: 50rpx;
	display: inline-block;
	padding:0 16rpx;
}
.bg-hyaline{
	width: 100%;height: 100%;left:0;top:0;z-index: 1;background-color: rgba(255, 255, 255, 0);
}